{{ block title }}Comprehension Check{{ endblock }}

{{ block content }}

<div class="card">
    <div class="card-body">
        <h4>Before we begin, please answer these questions to make sure you understand the task:</h4>
        
        {{ if framing == 'gain' }}
        <p class="text-muted">
            <small><strong>Reminder:</strong> You start with 100 tokens each round. 
            If heavy snow occurs, you get back <strong>DOUBLE</strong> what you spent.
            If no heavy snow occurs, you lose what you spent.</small>
        </p>
        {{ else }}
        <p class="text-muted">
            <small><strong>Reminder:</strong> You start with 200 tokens each round. If heavy rains occurs, you receive the half the amount you spent on protecting the site back in savings from reduced delays, and unspent tokens are lost.</small>
        </p>
        {{ endif }}
        
        <div class="card mb-3">
            <div class="card-body">
                {{ formfields }}
            </div>
        </div>
        
        {{ if comp_attempts > 0 }}
        <div class="alert alert-warning">
            <strong>Some answers were incorrect.</strong> You've attempted this {{ comp_attempts }} time(s). 
            Please review the instructions below and try again.
        </div>
        {{ endif }}
        
        {{ next_button text="Submit Answers" }}
    </div>
</div>

<!--
<div class="card mt-3">
    <div class="card-body">
        <p class="mb-2">
            <button class="btn btn-sm btn-secondary" type="button" data-toggle="collapse" 
                    data-target="#instructions-reminder" aria-expanded="false">
                <i class="fas fa-book"></i> Review Instructions
            </button>
        </p>
        <div class="collapse" id="instructions-reminder">
            <div class="border-top pt-3">
                include 'InstructionsSummary.html' 
            </div>
        </div>
    </div>
</div>
-->
{{ endblock }}